<template>
  <div class="lt-card">
    <div class="header">{{ title }}</div>
    <div class="box">
      <slot />
    </div>
  </div>
</template>

<script>
export default {
  props: {
    title: {
      type: String,
      default: ''
    }
  }
}
</script>

<style scoped>
  .lt-card {
    border-radius: 4px;
    background-color: #FFFFFF;
    border: 1px solid #eaecef;
  }
  .lt-card .header {
    color: #364760;
    border-bottom: 1px solid #eaecef;
    height: 45px;
    line-height: 45px;
    font-weight: 600;
    padding-left: 12px;
    font-size: 14px;
  }
  .lt-card .box {
    padding: 10px;
  }
</style>
